
import { Button, Form, Input, Select,DatePicker } from 'antd';

const { RangePicker } = DatePicker;

function TopSj(props) {
  const {onFinish,searchform,cz}=props

  return (
    <Form
      name="basic"
      layout='inline'
      labelCol={{ span: 8 }}
      wrapperCol={{ span: 16 }}
      initialValues={{ remember: true }}
      onFinish={onFinish}
      autoComplete="off"
      form={searchform}
    >
      <Form.Item
        label="集合编号"
        name="id"
      >
        <Input placeholder="请输入集合编号" />
      </Form.Item>

      <Form.Item
        label="集合名称"
        name="title"
      >
        <Input placeholder="请输入集合名称" />
      </Form.Item>

      <Form.Item
        label="内容体裁"
        name="content"
      >
        <Select
          defaultValue="全部"
          style={{ width: 120 }}
          options={[
            { value: 'HTTP', label: 'HTTP' },
            { value: '新增', label: '新增' },
          ]}
        />
      </Form.Item>

      <Form.Item
        label="筛选方式"
        name="tag"
      >
        <Select
          defaultValue="全部"
          style={{ width: 120 }}
          options={[
            { value: 'HTTP', label: 'HTTP' },
            { value: '新增', label: '新增' },
          ]}
        />
      </Form.Item>

      <Form.Item
        label="创建时间"
        name="createdAt"
      >
        <RangePicker />
      </Form.Item>

      <Form.Item
        label="状态"
        name="viewCount"
      >
        <Select
          defaultValue="全部"
          style={{ width: 120 }}
          options={[
            { value: '1', label: '1' },
            { value: '111', label: '111' },
          ]}
        />
      </Form.Item>

      <Form.Item label={null}>
        <Button type="primary" onClick={cz}>
          重置
        </Button>
      </Form.Item>

      <Form.Item label={null}>
        <Button type="primary" htmlType="submit">
          查询
        </Button>
      </Form.Item>
    </Form>
  )
}

export default TopSj
